/**************************** 个人信息 ***********************************/
#agent-info {
    position: absolute;
    border: 2px solid #e6e2e2;
    font-weight: bold;
    top: 79px;
    right: -20%;
    width: 527px;
    /*height: 333px;*/
    background-color: white;
}

.agent-info-img {
    width: 210px;
    height: 210px;
}

.detail-info  {
    /*height: 210px;*/
}

.my-info {
    border-bottom: 2px solid #e6e2e2;
    height: 40px;
    line-height: 40px;
    background-color: #f5f6fa
}

.agent-name-icon {
    background-position: 8px 9px;
}

.agent-nickname-icon{
    background-position: 8px -24px;
}

.agent-id-icon {
    background-position: 8px -60px;
}

.agent-role-icon {
    background-position: 8px -95px;
}

.agent-skill-icon {
    background-position: 8px -130px;
}
.agent-extension-icon {
    background-position: 8px -168px;
}
.agent-group-icon {
    background-position: 8px -206px;
}
.agent-motto-icon {
    background-position: 8px -240px;
}
.agent-star-icon {
    background-position: 8px -280px;
}
#agent-info .check {
    /*border-bottom: #b0c0d0 1px solid;*/
    width: 145px;
    height: 34px;
}
#agent-info .squaredCheck {
    float: left;
    height: 20px;
    width: 20px;
    position: relative;
    margin: auto;
    top: 9px;
}
/********************************************** 头部个人信息 *************************************************/

/********************************************** 头部导航栏 *************************************************/
#header-user{
    height: 100%;
    display: flex;
    align-items: center;
    padding-right:20px;
    padding-left:20px;
    position: relative;
    cursor: pointer;
}
#user-img {
    width: 38px;
    height: 38px;
    float: left;
    border-radius: 50%;
    background-size: 100%;
    margin-right: 2px;
}

#close-button {
    height: 70px;
    display: flex;
    align-items: center;
    cursor:pointer;
}

/********************************************** 提示框 ************************************************/
.remind{
    height: 70px;
    float: left;
    line-height: 70px;
    margin-right: 17px;
    margin-top:2px;
    cursor: pointer;
}
.remind > i{
    font-size: 40px;
    position: relative;
    display: block;
    width: 70px;
    height: 28px;
    margin: 0 auto;
    background: url(../images/menu.png) no-repeat 20px -2061px;
    top:53%;
    left:0;
    transform:translateY(-50%);
}
.ci-count{
    position: absolute;
    top: -8px;
    right: -3px;
    display: inline-block;
    padding: -2px;
    width: 18px;
    height: 18px;
    color: #4786c3;
    background-color: #ffeb1e;
    border-radius: 50%;
    text-align: center;
    font: 10px/1.5 Microsoft YaHei,tahoma,arial,Hiragino Sans GB,\\5b8b\4f53,sans-serif;
}
/********************************************** 头部个人信息 *************************************************/






/********************************************** 颜色抽取 *************************************************/

/* 背景色 */
/* 头部背景 */
.normalize-header-color {
    background-color: #4786c3;
}
/* 主体背景 */
.page-content-color {
    background-color: #f4f2f7;
}
/* 大模块背景 */
.normalize-center-color {
    background-color: #fff;
}
/* 内容模板背景 */
.normalize-panel-color {
    background-color: #fff;
}
/* primary-btn背景色 */
.primary-btn-color {
    background-color: #4786c3;
}

/* ie浏览器兼容滚动条设置，修改normalize-panel-color的背景色时修改 */
/*.kbpScreenDivParent .fixed-table-header,.kbpScreenDivParent .fixed-table-body,#tableParents .fixed-table-body,#tableParents .fixed-table-header,.voiceBuss,#imScroll{*/
#imScroll{
    scrollbar-face-color:#f5f6fa;
    scrollbar-highlight-color:#f5f6fa;
    scrollbar-3dlight-color:#f5f6fa;
    scrollbar-darkshadow-color:#f5f6fa;
    scrollbar-Shadow-color:#f5f6fa;
    scrollbar-arrow-color:#f5f6fa;
    scrollbar-track-color:#f5f6fa;
}
/* 服务历史ie浏览器兼容滚动条设置，背景色不需要修改 */
/*
#tableParents .fixed-table-body,#tableParents .fixed-table-header,#OutTableParents .fixed-table-body,#OutTableParents .fixed-table-header,#serTableParents .fixed-table-body,#serTableParents .fixed-table-header{
    scrollbar-face-color:#ffffff;
    scrollbar-highlight-color:#ffffff;
    scrollbar-3dlight-color:#ffffff;
    scrollbar-darkshadow-color:#ffffff;
    scrollbar-Shadow-color:#ffffff;
    scrollbar-arrow-color:#ffffff;
    scrollbar-track-color:#ffffff;
}
*/
/* chrome浏览器兼容隐藏滚动条 */
/*
.kbpScreenDivSilent .fixed-table-header::-webkit-scrollbar,.kbpScreenDivSilent .fixed-table-body::-webkit-scrollbar{
    display:none;
}
*/
/*
#tableParents .fixed-table-body::-webkit-scrollbar,#tableParents .fixed-table-header::-webkit-scrollbar{
    display:none;
}
#OutTableParents .fixed-table-body::-webkit-scrollbar,#OutTableParents .fixed-table-header::-webkit-scrollbar{
    display:none;
}
#serTableParents .fixed-table-body::-webkit-scrollbar,#serTableParents .fixed-table-header::-webkit-scrollbar{
    display:none;
}
.menu-select::-webkit-scrollbar{
    display:none;
}
*/
.lm-cusPosition::-webkit-scrollbar{
    display:none;
}

/*边框*/
.cell-radius {
    border-radius: 0px 15px;
}
.normalize-center-radius {
    border-radius:9px;
}
.left-bottom-small-radius {
    border-radius: 0 0 0 20px;
}
.right-top-small-radius {
    border-radius: 0 20px 0 0
}

/*字体颜色*/
.font-color {
    color:#fff;
}

/* 组件 */
/* 弹屏 */
.popup-screen-theme {
    background: #ff6600;
    color: #eeeeee;
}

/* 正则错误提示 */
.faxTemplate-error{
    color:red;
    margin-top:-15px;
    margin-right:15px;
}

/* 所有按钮样式 */
.leaveDetailFormBtn{
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-right:5px;
    font-size:12px;
    color: white;
    padding:0px;
    background-color: #4786c3;
    border: 1px solid #ceced0;
    border-radius: 0px 20px;
    cursor:pointer;
    outline:none;
}

/* 模态框头部颜色 */
.modal-header{
    background-color:#4786c3;
    color:white;
    font-size:14px;
    font-weight:bold;
}
/* table表头颜色 */
.headerTr{
    background-color: #f5f6fa;
    color:#930024;
}

/* 聊天记录背景色（每一条） */
.user .leftCon{
    min-height: 40px;
    border: 1px solid #d1ebff;
    background-color: #eff6ff;
}
.user .leftConCoach{
    border: 1px solid #d1ebff;
    background-color: #eff6ff;
}
.user .rightCon{
    min-height: 40px;
    border: 1px solid #f9dec4;
    background-color: #fff3e4;
}
/********************************************** 颜色抽取 *************************************************/

/* 日期小图标 */
.timeIcon{
    width:30px;
    height:30px;
    position: absolute;
    font-size: 20px;
    top: 7px;
    right: 10px;
    color:#4786c3;
}

/* 知识随行样式 */
.bootstrap-table .pagination > .active > a:hover, .table-responsive .bootstrap-table .pagination > .active > span:hover {
    color: #ffffff !important;
    background-color: #4786c3 !important;
    border-color: #4786c3 !important;
}
.bootstrap-table .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 1px solid #ccc;
    background-color: #f2f3f8;
}
.bootstrap-table .table > thead > tr > th > .th-inner {
    color: #4786c3;
}
.bootstrap-table .table > tbody > tr:nth-of-type(odd) {
    background-color: #ffffff;
}
.bootstrap-table .table > tbody > tr:nth-of-type(even) {
    background-color: #f9faff;
}
.bootstrap-table .table > tbody > tr:hover {
    background-color: #edf8ff !important;
    border-color: #64b5ff !important;
}
.bootstrap-table .table > tbody > tr:hover td {
    background-color: #edf8ff !important;
    border-top-color: #64b5ff;
    border-bottom-color: #64b5ff;
}
.bootstrap-table .table > tbody > tr td {
    color: #666666;
}
.bootstrap-table .pagination-detail .dropup .caret,
.bootstrap-table .pagination-detail .navbar-fixed-bottom .dropdown .caret {
    color: #4786c3;
}
.bootstrap-table .pagination > li > a,
.bootstrap-table .pagination > li > span {
    color: #231815;
    border: 1px solid #ccc;
}
.bootstrap-table .pagination > .active > a,
.bootstrap-table .pagination > .active > span {
    color: #ffffff;
    background-color: #4786c3;
}
.bootstrap-table .pagination > .active > a:focus,
.bootstrap-table .pagination > .active > span:focus,
.bootstrap-table .pagination > .active > a:hover,
.bootstrap-table .pagination > .active > span:hover {
    color: #ffffff;
    background-color: #4786c3;
    border-color: #4786c3;
}
.fixed-table-pagination li a {
    margin: 0px 4px !important;
    padding: 7px 13px !important;
}
/* 进线时不在交互界面提示 */
.lobibox-notify-wrapper .titleCSS{
    background-color:#4786c3;
    border-color:#4786c3;
}
.lobibox-notify-wrapper .titleCSS:hover{
    background-color:#4786c3;
    border-color:#4786c3;
}
.lobibox-notify-wrapper .titleCSS:active{
    background-color:#4786c3;
    border-color:#4786c3;
}
.lobibox-notify-wrapper .titleCSS .lobibox-notify-title{
    font-size:15px;
}

/* bootstrap-select下拉框 */
/**
.bootstrap-select.btn-group[class*=col-] .dropdown-toggle{
    width:100%;
}
#history-summary .bootstrap-select{
    width:52%;
}
#history-summary .bootstrap-select .LmBizBuss{
    position:absolute;
    width: 90%;
    margin-left: 10%;
}**/
.firstSumNode {
    width: 48%;
}

/***************************************************************************************
***************************************座席签出******************************************
***************************************************************************************/

/* 弹窗显示 */
#logout-modal .modal-content{
    width:520px;
    position: fixed;
    top: 200px;
    background:url(../images/logoutBg.png) -10px -12px;
    background-color:white;
}
#logout-modal .modal-header{
    border-bottom: none;
    padding:10px 15px;
    background:transparent;
}
#logout-modal .modal-body{
    height: 350px;
    font-size:13px;
    box-sizing: border-box;
    border-bottom: none;
}
#logout-modal .modal-body .logoutImg{
    height:100%;
    padding-top:90px;
}
#logout-modal .modal-body .logoutData{
    height:100%;
}
#logout-modal .modal-body .logoutData .col-sm-12{
    padding:0px;
    text-align:right;
}
.logoutData .logout-text{
    margin:15px 0px;
}
#logout-modal .modal-footer{
    position:relative;
    height: 45px;
    padding:5px;
    border:none;
}
.customerMess .el-collapse-item__wrap {
    padding: 10px 0 0 0px;
    background-color: #fff;
}
.customerMess .el-form-item--mini.el-form-item, customerMess .el-form-item--small.el-form-item {
    margin-bottom: 9px;
}
.customerMess .el-collapse-item__content{
    padding-bottom:0px
}
#omniContent .avue-group__item {
    background-color: #fff;
    padding: 0
}

#phone-interact-summary .el-collapse-item__header,#phone-interact-summary .el-collapse-item__wrap {
    background-color: #f5f6fa;
}
/*.businessShow .el-tabs__nav{*/
/*position: fixed;*/
/*top: 300px;*/
/*}*/
.businessShow .el-tabs__item{
    padding:0 5px;
}
.businessShow .el-tabs,.businessShow .el-tabs__content,.businessShow .el-tab-pane{
    height:100%
}
#phoneConent .el-scollbar__wrap{
    overflow-x:hidden;
}
#phoneConent .page-scoll{
    height:100%
}
#transferIVRTOMenu .el-tree {
    background:#f7f7f7
}

/**************************************************************************************
 ************************************ avue 样式修改 ************************************
 **************************************************************************************/
.avue-crud-search .el-form-item__label {
    text-align: left;
}

.avue-crud-search .el-col {
    margin-bottom: 8px;
}

.avue-crud-search .avue-form__group .el-col:last-child {
    padding-right: 10px !important;
}

/**************************************************************************************
 *************************************图片放大样式**************************************
 **************************************************************************************/
.preview-img-box{
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    text-align: center;
    z-index: 111111111111;
}
.img-mask{
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    text-align: center;
    background-color: #fff;
    opacity: 0.6;
}
.preview-img{
    position: absolute;
    left: 20vw;
    top: 20vh;
    width: 60vw;
    height: 60vh;
    text-align: center;
    object-fit: contain;
    /* background-color: #fff; */
    /* opacity: 1; */
}
.portal-header {
    width:calc(100%);
    height: 50px !important;
    margin: 0px;
    border-bottom: 0px solid #eee;
    background-size: 100% 140%;
    padding: 0px;
    z-index: 3000;
    background-color: #225495;
    /* background-image: url(../images/header/top_header_bg.png) no-repeat center center;*/
}

.portal-header .logo {
    padding: 8px;
    height: 50px;
    /*width: 400px;*/
    float: left;
    margin-left: 20px;
}

.portal-header .logo a {
    overflow: hidden;
    display: block;
    width: 100%;
    height: 40px;
    /*margin-top: 5px;*/
    background-position: center center;
    background-size: 100% 100%;
    font-size: 0;
}

.portal-header .logo a.zh_CN {
    background: no-repeat url('../images/header/logo_zh_CN.png');
    background-size: contain;
}
.portal-header .logo a.en_US {
    background: no-repeat url('../images/header/logo_en_US.png');
    background-size: contain;
}

.svg-icon {
    width: 4em;
    height: 4em;
    vertical-align: -0.15em;
    overflow: hidden;
    fill: #9ba4ae;
}

.portal-aside .el-menu-item.is-active .svg-icon,.portal-aside .el-submenu.is-active .svg-icon{
    fill: #225495
}
/*.avue-crud-search{*/
/*    height: 60px;*/
/*}*/
